﻿<style>
    .app-header-fixed {
        padding-top: 0px;
    }

    .navbar {
        display: none;
    }
    /*标签的开关*/
    .nav-tabs {
        display:none;
    }
</style>
<!--<link href="../js/3third/select_city.css" rel="stylesheet" />-->
<!--<script src="../js/3third/select_city.js"></script>-->
<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">注册</h1>
</div>
<div class="wrapper-md" ng-controller="RegisterController">
    <tabset class="tab-container" ng-init="steps={percent:20, step0:true, step1:false, step2:false,step3:false,step4:false,step5:false,step6:false}">
        <tab heading="Step 0" active="steps.step0" select="steps.percent=0">
            <!--<p class="m-b">Use the Bootstrap tab components and ngForm to build the form wizard.</p>-->
            <progressbar value="steps.percent" class="progress-xs" type="success"></progressbar>
            <div class="container">
                <form name="step0" class="form-validation m-t-lg">
                    <h3 style="text-align:center;">请选择您的用户类别</h3>
                    <div class="row" style="padding-top:30px;">
                        <div class="form-group">
                            <div class="radio m-b-md m-t-none">
                                <div class="col-xs-6" style="text-align:center">
                                    <!--<label class="radio i-checks m-l-md m-b-md">
                                        <input type="radio"   name="student"><i></i>
                                        留学生
                                    </label>-->

                                    <button class="btn btn-default" ng-click="steps.step1 = true">留学生</button>

                                </div>
                                <div class="col-xs-6" style="text-align:center">
                                    <button class="btn btn-default" ng-click="steps.step6 = true">家长</button>
                                    <!--<label class="radio i-checks m-l-md m-b-md ">
                                        <input type="radio" name="patriarch" checked><i></i>
                                        家长
                                    </label>-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="padding-top:30px">
                        <div class="btn-group btn-group-justified m-t-lg">
                            <a class="btn btn-info" ng-show="checked" ng-click="steps.step1 = true">下一步</a>
                        </div>
                    </div>
                </form>
            </div>
        </tab>
        <tab heading="Step 1" disabled="step0.$invalid" active="steps.step1" select="steps.percent=20">
            <!--<p class="m-b">Use the Bootstrap tab components and ngForm to build the form wizard.</p>-->
            <progressbar value="steps.percent" class="progress-xs" type="success"></progressbar>
            <div>
                <form name="step1" class="form-validation">
                    <h3 style="text-align:center;padding-top:30px;">请选择留学国家,城市,学校</h3>
                    <div class="row" style="padding-top:30px;">
                        <div class="col-xs-12">
                            <p ui-jq="select_city">
                                <!-- screening -->
                                <div class="screening">
                                    <ul>
                                        <li class="Regional">国家</li>
                                        <li class="Brand">城市</li>
                                        <li class="Sort">学校</li>
                                    </ul>
                                </div>
                                <!-- End screening -->
                                <!-- grade -->
                                <div class="grade-eject">
                                    <ul class="grade-w" id="gradew">
                                        <li onclick="grade1(this)">哈尔滨</li>
                                        <li onclick="grade1(this)">全国</li>
                                        <li onclick="grade1(this)">北京</li>
                                        <li onclick="grade1(this)">天津</li>
                                        <li onclick="grade1(this)">河北</li>
                                        <li onclick="grade1(this)">山西</li>
                                        <li onclick="grade1(this)">内蒙古</li>
                                        <li onclick="grade1(this)">辽宁</li>
                                        <li onclick="grade1(this)">吉林</li>
                                        <li onclick="grade1(this)">黑龙江</li>
                                        <li onclick="grade1(this)">上海</li>
                                        <li onclick="grade1(this)">江苏</li>
                                        <li onclick="grade1(this)">山东</li>
                                        <li onclick="grade1(this)">河南</li>
                                        <li onclick="grade1(this)">湖北</li>
                                        <li onclick="grade1(this)">湖南</li>
                                        <li onclick="grade1(this)">广东</li>
                                        <li onclick="grade1(this)">广西</li>
                                        <li onclick="grade1(this)">海南</li>
                                    </ul>
                                    <ul class="grade-t" id="gradet">
                                        <li onclick="gradet(this)">全河北</li>
                                        <li onclick="gradet(this)">石家庄</li>
                                        <li onclick="gradet(this)">唐山</li>
                                        <li onclick="gradet(this)">秦皇岛</li>
                                        <li onclick="gradet(this)">邢台</li>
                                        <li onclick="gradet(this)">保定</li>
                                        <li onclick="gradet(this)">张家口</li>
                                        <li onclick="gradet(this)">承德</li>
                                        <li onclick="gradet(this)">沧州</li>
                                        <li onclick="gradet(this)">廊坊</li>
                                        <li onclick="gradet(this)">衡水</li>
                                    </ul>
                                    <ul class="grade-s" id="grades">
                                        <li onclick="grades(this)">全秦皇岛</li>
                                        <li onclick="grades(this)">海港区</li>
                                        <li onclick="grades(this)">山海关区</li>
                                        <li onclick="grades(this)">北戴河区</li>
                                        <li onclick="grades(this)">青龙满族自治区</li>
                                        <li onclick="grades(this)">昌黎县</li>
                                        <li onclick="grades(this)">抚宁县</li>
                                        <li onclick="grades(this)">卢龙县</li>
                                        <li onclick="grades(this)">其他区</li>
                                        <li onclick="grades(this)">经济技术开发区</li>
                                    </ul>
                                </div>
                                <!-- End grade -->
                                <!-- Category -->
                                <div class="Category-eject">
                                    <ul class="Category-w" id="Categorytw">
                                        <li onclick="Categorytw(this)">全部品牌</li>
                                        <li onclick="Categorytw(this)">奥迪</li>
                                        <li onclick="Categorytw(this)">丰田</li>
                                        <li onclick="Categorytw(this)">本田</li>
                                        <li onclick="Categorytw(this)">大众</li>
                                        <li onclick="Categorytw(this)">别克</li>
                                        <li onclick="Categorytw(this)">标志</li>
                                        <li onclick="Categorytw(this)">东风悦达起亚</li>
                                        <li onclick="Categorytw(this)">东风</li>
                                        <li onclick="Categorytw(this)">奔驰</li>
                                        <li onclick="Categorytw(this)">玛莎拉蒂</li>
                                        <li onclick="Categorytw(this)">保时捷</li>
                                        <li onclick="Categorytw(this)">广汽传祺</li>
                                    </ul>
                                    <ul class="Category-t" id="Categoryt">
                                        <li onclick="Categoryt(this)">奥迪A6</li>
                                        <li onclick="Categoryt(this)">奥迪A6L</li>
                                        <li onclick="Categoryt(this)">奥迪A4</li>
                                        <li onclick="Categoryt(this)">奥迪A4L</li>
                                        <li onclick="Categoryt(this)">奥迪A5</li>
                                        <li onclick="Categoryt(this)">奥迪A8</li>
                                        <li onclick="Categoryt(this)">奥迪A8L</li>
                                        <li onclick="Categoryt(this)">奥迪A3</li>
                                        <li onclick="Categoryt(this)">奥迪Q5</li>
                                        <li onclick="Categoryt(this)">奥迪Q7</li>
                                        <li onclick="Categoryt(this)">奥迪TT</li>
                                        <li onclick="Categoryt(this)">奥迪R8</li>
                                    </ul>
                                    <ul class="Category-s" id="Categorys">
                                        <li onclick="Categorys(this)">发动机(/进排气系统/燃油系统/冷却系统等)</li>
                                        <li onclick="Categorys(this)">变速箱</li>
                                        <li onclick="Categorys(this)">离合器</li>
                                        <li onclick="Categorys(this)">转向</li>
                                        <li onclick="Categorys(this)">制动</li>
                                        <li onclick="Categorys(this)">传动/前后桥</li>
                                        <li onclick="Categorys(this)">悬挂/车架/车厢</li>
                                        <li onclick="Categorys(this)">轮胎/钢圈/轮毂</li>
                                        <li onclick="Categorys(this)">暖风/柴暖/空调系统</li>
                                        <li onclick="Categorys(this)">汽车电器/电子/传感器</li>
                                        <li onclick="Categorys(this)">汽车电脑/电子控制单元系统</li>
                                        <li onclick="Categorys(this)">汽车光电/汽车影音/电子防盗系统</li>
                                        <li onclick="Categorys(this)">驾驶室/装饰件</li>
                                        <li onclick="Categorys(this)">轴承/密封件/橡胶件/标准件</li>
                                        <li onclick="Categorys(this)">汽车润滑/油/脂/液/汽车用品</li>
                                        <li onclick="Categorys(this)">汽保工具/设备工具/维修设备</li>
                                        <li onclick="Categorys(this)">液压件/齿轮齿件/挂车/工程机专用件</li>
                                        <li onclick="Categorys(this)">其他</li>
                                    </ul>
                                </div>
                                <!-- End Category -->
                                <!-- Category -->
                                <div class="Sort-eject Sort-height">
                                    <ul class="Sort-Sort" id="Sort-Sort">
                                        <li onclick="Sorts(this)">北大青鸟</li>
                                        <li onclick="Sorts(this)">清华大学</li>
                                        <li onclick="Sorts(this)">清华大学</li>
                                        <li onclick="Sorts(this)">清华大学</li>
                                        <li onclick="Sorts(this)">清华大学</li>
                                        <li onclick="Sorts(this)">清华大学</li>
                                        <li onclick="Sorts(this)">清华大学</li>
                                    </ul>
                                </div>
                                <!-- End Category -->
                                <!-- demo-content -->
                                <!--<div class="demo-content">Content</div>-->
                                <!-- End demo-content -->
                                <!-- screening -->
                            </p>
                        </div>
                    </div>
                    <div class="container" style="padding-top:30px;">
                        <div class="row">
                            <div class="m-t m-b">
                                <div class="btn-group btn-group-justified m-t-lg">
                                    <a class="btn btn-info" ng-click="steps.step2 = true">下一步</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </tab>
        <tab heading="Step 2" disabled="step1.$invalid" active="steps.step2" select="steps.percent=40">
            <!--<p class="m-b">Congraduations! You got the last step.</p>-->
            <progressbar value="steps.percent" class="progress-xs" type="success"></progressbar>
            <div class="form-group">
                <h3 style="padding-top:30px;text-align:center">请输入姓名</h3>
                <input type="type" style="margin-top:30px;" class="form-control" name="name" value=" " placeholder="姓名" />
                <h3 style="padding-top:30px;text-align:center">请选择您的性别</h3>
                <div class="radio m-b-md m-t-none" style="padding-top:30px;">
                    <div class="col-xs-6" style="text-align:center">
                        <label class="radio i-checks m-l-md m-b-md">
                            <input type="radio" class="" name="type"><i></i>
                            男
                        </label>
                    </div>
                    <div class="col-xs-6" style="text-align:center;">
                        <label class="radio i-checks m-l-md m-b-md">
                            <input type="radio" class="" name="type"><i></i>
                            女
                        </label>
                    </div>
                </div>
            </div>
            <div class="container" style="padding-top:30px;">
                <div class="row">
                    <div class="m-t m-b">
                        <div class="btn-group btn-group-justified m-t-lg">
                            <a class="btn btn-info" ng-click="steps.step3 = true">下一步</a>
                        </div>
                    </div>
                </div>
            </div>
            <!--<p>Just one click to finish it.</p>-->
        </tab>
        <tab heading="Step 3" disabled="step2.$invalid" active="steps.step3" select="steps.percent=60">
            <!--<p class="m-b">Congraduations! You got the last step.</p>-->
            <progressbar value="steps.percent" class="progress-xs" type="success"></progressbar>
            <div class="form-group">
                <h3 style="padding-top:30px;text-align:center">请选择您的偏好</h3>
                <div class="container" style="text-align:center">
                    <div class="row">
                        <button type="button" class="btn btn-default">K书学霸</button>
                        <button type="button" class="btn btn-default">爱美女神</button>
                        <button type="button" class="btn btn-default">美食先锋</button>
                        <button type="button" class="btn btn-default">享乐主义</button>
                        <button type="button" class="btn btn-default">电玩精英</button>
                        <button type="button" class="btn btn-default">户外达人</button>
                        <button type="button" class="btn btn-default">乐于助人</button>
                        <button type="button" class="btn btn-default">资深行者</button>
                    </div>
                </div>
            </div>
            <div class="container" style="padding-top:30px;">
                <div class="row">
                    <div class="m-t m-b">
                        <div class="btn-group btn-group-justified m-t-lg">
                            <a class="btn btn-info" ng-click="steps.step4 = true">下一步</a>
                        </div>
                    </div>
                </div>
            </div>
        </tab>
        <tab heading="Step 4" disabled="step3.$invalid" active="steps.step4" select="steps.percent=80">
            <!--<p class="m-b">Congraduations! You got the last step.</p>-->
            <progressbar value="steps.percent" class="progress-xs" type="success"></progressbar>
            <div class="form-group">
                <h3 style="padding-top:30px;text-align:center">请选择您的头像</h3>
                <div class="container" style="padding-top:30px;">
                    <div class="row">
                        <div class="m-t m-b" style="text-align:center">
                            <img src="img/a1.png" />
                        </div>
                    </div>
                    <div class="row">
                        <div class="m-t m-b" style="text-align:center">
                            <a style="font-size:12px;"> 暂时跳过</a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="m-t m-b">
                            <div class="btn-group btn-group-justified m-t-lg">
                                <a class="btn btn-info" ng-click="steps.step5 = true">下一步</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </tab>
        <tab heading="Step 5" disabled="step4.$invalid" active="steps.step5" select="steps.percent=100">
            <!--<p class="m-b">Congraduations! You got the last step.</p>-->
            <progressbar value="steps.percent" class="progress-xs" type="success"></progressbar>
            <div class="form-group">
                <h3 style="padding-top:30px;text-align:center">恭喜您注册成功,我们将竭诚为您服务</h3>
                <h4 style="padding-top:30px;">推荐好友</h4>
                <div class="container" style="">
                    <div class="row">
                        <div class="m-t m-b" style="text-align:center">
                            <div class="col-sm-3">
                                <img src="img/a1.png" class="img-circle thumb-sm" />
                                <button type="button" class="btn btn-default">加他为好友</button>
                            </div>
                            <div style="padding-top:10px;"></div>
                            <div class="col-sm-3">
                                <img src="img/a2.png" class="img-circle thumb-sm" />
                                <button type="button" class="btn btn-default">加他为好友</button>
                            </div>
                            <div style="padding-top:10px;"></div>
                            <div class="col-sm-3">
                                <img src="img/a3.png" class="img-circle  thumb-sm" />
                                <button type="button" class="btn btn-default">加他为好友</button>
                            </div>
                            <div style="padding-top:10px;"></div>
                            <div class="col-sm-3">
                                <img src="img/a4.png" class="img-circle thumb-sm" />
                                <button type="button" class="btn btn-default">加他为好友</button>
                            </div>
                        </div>
                    </div>
                </div>
                <h4>推荐服务</h4>
                <div class="container" style="">
                    <div class="row">
                        <div class="m-t m-b" style="text-align:center">
                            <button type="button" class="btn btn-default">结伴同行</button>
                            <button type="button" class="btn btn-default">留学一条龙</button>
                            <button type="button" class="btn btn-default">租房</button>
                            <button type="button" class="btn btn-default">美食</button>
                        </div>
                    </div>
                </div>
                <div class="m-t m-b" style="padding-top:0px;">
                    <!--<button type="button" class="btn btn-default btn-rounded" ng-click="steps.step2=true">Prev</button>
                    <button type="button" class="btn btn-default btn-rounded" ng-click="steps.percent=100">Click me to Finish</button>-->
                    <div class="btn-group btn-group-justified m-t-lg">
                        <a href="#/home" class="btn btn-info" ng-click="steps.percent=100">进入首页</a>
                    </div>
                </div>
            </div>
        </tab>



        <!--家长的步骤-->
        <tab heading="Step 6" disabled="step1.$invalid" active="steps.step6" select="steps.percent=20">
            <!--<p class="m-b">Use the Bootstrap tab components and ngForm to build the form wizard.</p>-->
            <progressbar value="steps.percent" class="progress-xs" type="success"></progressbar>
            <div>
                <form name="step1" class="form-validation">
                    <h3 style="text-align:center;padding-top:30px;">请选择子女留学国家,城市,学校</h3>
                    <div class="row" style="padding-top:30px;">
                        <div class="col-xs-12">
                            <p ui-jq="select_city">
                                <!-- screening -->
                                <div class="screening">
                                    <ul>
                                        <li class="Regional">国家</li>
                                        <li class="Brand">城市</li>
                                        <li class="Sort">学校</li>
                                    </ul>
                                </div>
                                <!-- End screening -->
                                <!-- grade -->
                                <div class="grade-eject">
                                    <ul class="grade-w" id="gradew">
                                        <li onclick="grade1(this)">哈尔滨</li>
                                        <li onclick="grade1(this)">全国</li>
                                        <li onclick="grade1(this)">北京</li>
                                        <li onclick="grade1(this)">天津</li>
                                        <li onclick="grade1(this)">河北</li>
                                        <li onclick="grade1(this)">山西</li>
                                        <li onclick="grade1(this)">内蒙古</li>
                                        <li onclick="grade1(this)">辽宁</li>
                                        <li onclick="grade1(this)">吉林</li>
                                        <li onclick="grade1(this)">黑龙江</li>
                                        <li onclick="grade1(this)">上海</li>
                                        <li onclick="grade1(this)">江苏</li>
                                        <li onclick="grade1(this)">山东</li>
                                        <li onclick="grade1(this)">河南</li>
                                        <li onclick="grade1(this)">湖北</li>
                                        <li onclick="grade1(this)">湖南</li>
                                        <li onclick="grade1(this)">广东</li>
                                        <li onclick="grade1(this)">广西</li>
                                        <li onclick="grade1(this)">海南</li>
                                    </ul>
                                    <ul class="grade-t" id="gradet">
                                        <li onclick="gradet(this)">全河北</li>
                                        <li onclick="gradet(this)">石家庄</li>
                                        <li onclick="gradet(this)">唐山</li>
                                        <li onclick="gradet(this)">秦皇岛</li>
                                        <li onclick="gradet(this)">邢台</li>
                                        <li onclick="gradet(this)">保定</li>
                                        <li onclick="gradet(this)">张家口</li>
                                        <li onclick="gradet(this)">承德</li>
                                        <li onclick="gradet(this)">沧州</li>
                                        <li onclick="gradet(this)">廊坊</li>
                                        <li onclick="gradet(this)">衡水</li>
                                    </ul>
                                    <ul class="grade-s" id="grades">
                                        <li onclick="grades(this)">全秦皇岛</li>
                                        <li onclick="grades(this)">海港区</li>
                                        <li onclick="grades(this)">山海关区</li>
                                        <li onclick="grades(this)">北戴河区</li>
                                        <li onclick="grades(this)">青龙满族自治区</li>
                                        <li onclick="grades(this)">昌黎县</li>
                                        <li onclick="grades(this)">抚宁县</li>
                                        <li onclick="grades(this)">卢龙县</li>
                                        <li onclick="grades(this)">其他区</li>
                                        <li onclick="grades(this)">经济技术开发区</li>
                                    </ul>
                                </div>
                                <!-- End grade -->
                                <!-- Category -->
                                <div class="Category-eject">
                                    <ul class="Category-w" id="Categorytw">
                                        <li onclick="Categorytw(this)">全部品牌</li>
                                        <li onclick="Categorytw(this)">奥迪</li>
                                        <li onclick="Categorytw(this)">丰田</li>
                                        <li onclick="Categorytw(this)">本田</li>
                                        <li onclick="Categorytw(this)">大众</li>
                                        <li onclick="Categorytw(this)">别克</li>
                                        <li onclick="Categorytw(this)">标志</li>
                                        <li onclick="Categorytw(this)">东风悦达起亚</li>
                                        <li onclick="Categorytw(this)">东风</li>
                                        <li onclick="Categorytw(this)">奔驰</li>
                                        <li onclick="Categorytw(this)">玛莎拉蒂</li>
                                        <li onclick="Categorytw(this)">保时捷</li>
                                        <li onclick="Categorytw(this)">广汽传祺</li>
                                    </ul>
                                    <ul class="Category-t" id="Categoryt">
                                        <li onclick="Categoryt(this)">奥迪A6</li>
                                        <li onclick="Categoryt(this)">奥迪A6L</li>
                                        <li onclick="Categoryt(this)">奥迪A4</li>
                                        <li onclick="Categoryt(this)">奥迪A4L</li>
                                        <li onclick="Categoryt(this)">奥迪A5</li>
                                        <li onclick="Categoryt(this)">奥迪A8</li>
                                        <li onclick="Categoryt(this)">奥迪A8L</li>
                                        <li onclick="Categoryt(this)">奥迪A3</li>
                                        <li onclick="Categoryt(this)">奥迪Q5</li>
                                        <li onclick="Categoryt(this)">奥迪Q7</li>
                                        <li onclick="Categoryt(this)">奥迪TT</li>
                                        <li onclick="Categoryt(this)">奥迪R8</li>
                                    </ul>
                                    <ul class="Category-s" id="Categorys">
                                        <li onclick="Categorys(this)">发动机(/进排气系统/燃油系统/冷却系统等)</li>
                                        <li onclick="Categorys(this)">变速箱</li>
                                        <li onclick="Categorys(this)">离合器</li>
                                        <li onclick="Categorys(this)">转向</li>
                                        <li onclick="Categorys(this)">制动</li>
                                        <li onclick="Categorys(this)">传动/前后桥</li>
                                        <li onclick="Categorys(this)">悬挂/车架/车厢</li>
                                        <li onclick="Categorys(this)">轮胎/钢圈/轮毂</li>
                                        <li onclick="Categorys(this)">暖风/柴暖/空调系统</li>
                                        <li onclick="Categorys(this)">汽车电器/电子/传感器</li>
                                        <li onclick="Categorys(this)">汽车电脑/电子控制单元系统</li>
                                        <li onclick="Categorys(this)">汽车光电/汽车影音/电子防盗系统</li>
                                        <li onclick="Categorys(this)">驾驶室/装饰件</li>
                                        <li onclick="Categorys(this)">轴承/密封件/橡胶件/标准件</li>
                                        <li onclick="Categorys(this)">汽车润滑/油/脂/液/汽车用品</li>
                                        <li onclick="Categorys(this)">汽保工具/设备工具/维修设备</li>
                                        <li onclick="Categorys(this)">液压件/齿轮齿件/挂车/工程机专用件</li>
                                        <li onclick="Categorys(this)">其他</li>
                                    </ul>
                                </div>
                                <!-- End Category -->
                                <!-- Category -->
                                <div class="Sort-eject Sort-height">
                                    <ul class="Sort-Sort" id="Sort-Sort">
                                        <li onclick="Sorts(this)">北大青鸟</li>
                                        <li onclick="Sorts(this)">清华大学</li>
                                        <li onclick="Sorts(this)">清华大学</li>
                                        <li onclick="Sorts(this)">清华大学</li>
                                        <li onclick="Sorts(this)">清华大学</li>
                                        <li onclick="Sorts(this)">清华大学</li>
                                        <li onclick="Sorts(this)">清华大学</li>
                                    </ul>
                                </div>
                                <!-- End Category -->
                                <!-- demo-content -->
                                <!--<div class="demo-content">Content</div>-->
                                <!-- End demo-content -->
                                <!-- screening -->
                            </p>
                        </div>
                    </div>
                    <div class="container" style="padding-top:30px;">
                        <div class="row">
                            <div class="m-t m-b">
                                <div class="btn-group btn-group-justified m-t-lg">
                                    <a class="btn btn-info" ng-click="steps.step7 = true">下一步</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </tab>

        <tab heading="Step 7" disabled="step6.$invalid" active="steps.step7" select="steps.percent=40">
            <!--<p class="m-b">Congraduations! You got the last step.</p>-->
            <progressbar value="steps.percent" class="progress-xs" type="success"></progressbar>
            <div class="form-group">
                <h3 style="padding-top:30px;text-align:center">请选择您的头像</h3>
                <div class="container" style="padding-top:30px;">
                    <div class="row">
                        <div class="m-t m-b" style="text-align:center">
                            <img src="img/a1.png" />
                        </div>
                    </div>
                    <div class="row">
                        <div class="m-t m-b" style="text-align:center">
                            <a style="font-size:12px;" ng-click="steps.step8 = true"> 暂时跳过</a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="m-t m-b">
                            <div class="btn-group btn-group-justified m-t-lg">
                                <a class="btn btn-info" ng-click="steps.step8 = true">下一步</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </tab>

        <tab heading="Step 8" disabled="step7.$invalid" active="steps.step8" select="steps.percent=80">
            <!--<p class="m-b">Congraduations! You got the last step.</p>-->
            <progressbar value="steps.percent" class="progress-xs" type="success"></progressbar>
            <div class="form-group">
                <h3 style="padding-top:30px;text-align:center">请输入您的手机号</h3>
                <div class="container" style="padding-top:30px;">

                    <div class="row">
                        
                        <div class="col-xs-8" style="text-align:right;">
                           <input type="text" class="form-control" name="name" value="" placeholder="手机号" />
                        </div>
                        <div class="col-xs-4" style="">
                            <button class="btn btn-info">发送验证码</button>
                        </div>
                    </div>
                    <h3 style="padding-top:30px;text-align:center">请输入收到的验证码</h3>
                    <div class="row">
                        <div class="col-xs-12" style="">
                            <input type="text" style="margin-top:30px;" class="form-control" name="name" value="" placeholder="验证码" />
                        </div>
                        </div>
                    <div class="m-t m-b" style="padding-top:30px;">
                        <div class="btn-group btn-group-justified m-t-lg">
                            <a href="#/home" class="btn btn-info" ng-click="steps.percent=100">完成注册,进入首页</a>
                        </div>
                    </div>

                </div>
            </div>
        </tab>
    </tabset>
</div>